<!--
此文件为开发者工具生成，生成时间: 2020/8/14 下午3:06:06 
使用方法：
在 pages\controlbtn\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx-if="{{loading}}" />
```

在 pages\controlbtn\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
	<view class="sk-container">
		<view style="background:#F8F8F8;">
			<view style="height:auto;">
				<view class="test-component _div">
					<view >
						<view class="hm-friends-list list-index--hm-friends-list _div list-index--_div">
							<view class="firendClass list-index--firendClass _div list-index--_div">
								<view class="hd list-index--hd _div list-index--_div">
									<text class="friendsList list-index--friendsList sk-transparent sk-text-16-0000-844 sk-text">
										灯光控制
									</text>
									<image class="img list-index--img sk-image">
									</image>
								</view>
								<view class="bd list-index--bd _div list-index--_div">
									<view class="col1 list-index--col1 _div list-index--_div">
										<button class="btn list-index--btn play-pause list-index--play-pause avator list-index--avator sk-button sk-pseudo sk-pseudo-circle"
										 data-event-opts="tap,btncontrallor,0">
											<image class="btnicon list-index--btnicon sk-image">
											</image>
										</button>
										<text class="miller list-index--miller sk-transparent sk-text-18-0000-191 sk-text" style="background-position-x: 50%;">
											房灯
										</text>
									</view>
									<view class="col1 list-index--col1 _div list-index--_div">
										<button class="btn list-index--btn play-pause list-index--play-pause avator list-index--avator sk-button sk-pseudo sk-pseudo-circle"
										 data-event-opts="tap,btncontrallor,1">
											<image class="btnicon list-index--btnicon sk-image">
											</image>
										</button>
										<text class="miller list-index--miller sk-transparent sk-text-18-0000-320 sk-text" style="background-position-x: 50%;">
											排气扇
										</text>
									</view>
									<view class="col1 list-index--col1 _div list-index--_div">
										<button class="btn list-index--btn play-pause list-index--play-pause avator list-index--avator sk-button sk-pseudo sk-pseudo-circle"
										 data-event-opts="tap,btncontrallor,2">
											<image class="btnicon list-index--btnicon sk-image">
											</image>
										</button>
										<text class="miller list-index--miller sk-transparent sk-text-18-0000-86 sk-text" style="background-position-x: 50%;">
											卫灯
										</text>
									</view>
									<view class="col1 list-index--col1 _div list-index--_div">
										<button class="btn list-index--btn play-pause list-index--play-pause avator list-index--avator sk-button sk-pseudo sk-pseudo-circle"
										 data-event-opts="tap,btncontrallor,3">
											<image class="btnicon list-index--btnicon sk-image">
											</image>
										</button>
										<text class="miller list-index--miller sk-transparent sk-text-18-0000-859 sk-text" style="background-position-x: 50%;">
											浴灯
										</text>
									</view>
									<view class="col1 list-index--col1 _div list-index--_div">
										<button class="btn list-index--btn play-pause list-index--play-pause avator list-index--avator sk-button sk-pseudo sk-pseudo-circle"
										 data-event-opts="tap,btncontrallor,4">
											<image class="btnicon list-index--btnicon sk-image">
											</image>
										</button>
										<text class="miller list-index--miller sk-transparent sk-text-18-0000-703 sk-text" style="background-position-x: 50%;">
											左阅读灯
										</text>
									</view>
									<view class="col1 list-index--col1 _div list-index--_div">
										<button class="btn list-index--btn play-pause list-index--play-pause avator list-index--avator sk-button sk-pseudo sk-pseudo-circle"
										 data-event-opts="tap,btncontrallor,5">
											<image class="btnicon list-index--btnicon sk-image">
											</image>
										</button>
										<text class="miller list-index--miller sk-transparent sk-text-18-0000-410 sk-text" style="background-position-x: 50%;">
											吊灯
										</text>
									</view>
									<view class="col1 list-index--col1 _div list-index--_div">
										<button class="btn list-index--btn play-pause list-index--play-pause avator list-index--avator sk-button sk-pseudo sk-pseudo-circle"
										 data-event-opts="tap,btncontrallor,6">
											<image class="btnicon list-index--btnicon sk-image">
											</image>
										</button>
										<text class="miller list-index--miller sk-transparent sk-text-18-0000-918 sk-text" style="background-position-x: 50%;">
											床头灯带
										</text>
									</view>
									<view class="col1 list-index--col1 _div list-index--_div">
										<button class="btn list-index--btn play-pause list-index--play-pause avator list-index--avator sk-button sk-pseudo sk-pseudo-circle"
										 data-event-opts="tap,btncontrallor,7">
											<image class="btnicon list-index--btnicon sk-image">
											</image>
										</button>
										<text class="miller list-index--miller sk-transparent sk-text-18-0000-169 sk-text" style="background-position-x: 50%;">
											书桌灯
										</text>
									</view>
									<view class="col1 list-index--col1 _div list-index--_div">
										<button class="btn list-index--btn play-pause list-index--play-pause avator list-index--avator sk-button sk-pseudo sk-pseudo-circle"
										 data-event-opts="tap,btncontrallor,8">
											<image class="btnicon list-index--btnicon sk-image">
											</image>
										</button>
										<text class="miller list-index--miller sk-transparent sk-text-18-0000-168 sk-text" style="background-position-x: 50%;">
											灯带
										</text>
									</view>
									<view class="col1 list-index--col1 _div list-index--_div">
										<button class="btn list-index--btn play-pause list-index--play-pause avator list-index--avator sk-button sk-pseudo sk-pseudo-circle"
										 data-event-opts="tap,btncontrallor,9">
											<image class="btnicon list-index--btnicon sk-image">
											</image>
										</button>
										<text class="miller list-index--miller sk-transparent sk-text-18-0000-823 sk-text" style="background-position-x: 50%;">
											廊灯
										</text>
									</view>
									<view class="col1 list-index--col1 _div list-index--_div">
										<button class="btn list-index--btn play-pause list-index--play-pause avator list-index--avator sk-button sk-pseudo sk-pseudo-circle"
										 data-event-opts="tap,btncontrallor,10">
											<image class="btnicon list-index--btnicon sk-image">
											</image>
										</button>
										<text class="miller list-index--miller sk-transparent sk-text-18-0000-301 sk-text" style="background-position-x: 50%;">
											夜灯
										</text>
									</view>
									<view class="col1 list-index--col1 _div list-index--_div">
										<button class="btn list-index--btn play-pause list-index--play-pause avator list-index--avator sk-button sk-pseudo sk-pseudo-circle"
										 data-event-opts="tap,btncontrallor,11">
											<image class="btnicon list-index--btnicon sk-image">
											</image>
										</button>
										<text class="miller list-index--miller sk-transparent sk-text-18-0000-579 sk-text" style="background-position-x: 50%;">
											灯箱
										</text>
									</view>
									<view class="col1 list-index--col1 _div list-index--_div">
										<button class="btn list-index--btn play-pause list-index--play-pause avator list-index--avator sk-button sk-pseudo sk-pseudo-circle"
										 data-event-opts="tap,btncontrallor,12">
											<image class="btnicon list-index--btnicon sk-image">
											</image>
										</button>
										<text class="miller list-index--miller sk-transparent sk-text-18-0000-952 sk-text" style="background-position-x: 50%;">
											雾化玻璃
										</text>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="dialogue">
				<view class="right sk-transparent sk-text-14-2857-365 sk-text">
					小度小度，开灯
				</view>
			</view>
		</view>
	</view>
</template>
<style>
	@import './index-skeleton.css';
	@import './index-response.css';
</style>
